interface Steps {
  /** 描述 */
  desc: string;
  /** 引导卡片相对于目标元素的位置 */
  placement: 'top' | 'right' | 'bottom' | 'left';
  /** 获取引导卡片指向的元素 */
  target: Element | HTMLDivElement | null;
}

export interface Props {
  /** 打开引导 */
  open: boolean;
  /** 关闭引导时的回调 */
  onClose: (open: boolean) => void;
  /** 引导步骤卡片 */
  steps: Steps[];
}

export interface TipConfig {
  /** 类名 */
  className: Steps['placement'];
  /** 自定义样式 */
  style: Record<string, string>;
}
